<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" charset="utf-8">
        /**
         *执行环境（window对象），最上层的执行环境
         */
        var color1 = "blue";
        function changColor() {  //每一个函数都有一个执行环境（variable obj）
            var color2 = "red";
            function swapColor() {           //这个函数又产生一个执行环境（variable obj）
                //c3 三级作用域 c2 二级作用域 c1 一级作用域
                var color3 = color2;
                color1 = color3;
                //这里可以访问color 1,2，3
            }
            //这里只能访问color1,color2,但不能访问color3
            swapColor();
        }
        //这里只能访问color1
        changColor();             //作用域window，第一个作用环境
        //环境变量可以一层一层的向上追溯，可以访问它的上级环境(变量和函数)
        //一层一层的向上追溯
    </script>
</head>
<body>
</body>
</html>